<template>
  <div id="indexmonitor"> 

    <div class="demo" :style="{  height: dtheight + 'px' }" v-if="is_infor == true">
          
        <div class="modular1">
           <div class="modular1_1" style="width:450px;"> <exhibition1></exhibition1> </div>
           <div class="modular1_1" style="margin-left:5px;flex:1;">  <exhibition2></exhibition2> </div>
        </div>

        <div class="modular2"><business></business></div>
        
        
    </div>

    <div class="demo" :style="{  height: dtheight + 'px' }" v-if="is_infor == false" style="display: flex;align-content: center;justify-content: center;align-items: center;">         
       
        您暂未成为客服
        
    </div>

    

   </div>
</template>

<script>
import Exhibition1 from '@/view/Aftersale/Business/Exhibition1'
import Exhibition2 from '@/view/Aftersale/Business/Exhibition2'
import Business from '@/view/Aftersale/Business/Business'
export default {
   name: 'indexmonitor',
  data () {
    return {
        dtheight:'500',  //窗口高度
        is_infor:false, //是否有客服数据
    }
  },
   components:{
    Exhibition1,
    Exhibition2,
    Business
  },
  created(){
     this.dtheight = window.innerHeight - 160
     this.list_fun()
  },
  mounted (){
    
  },
  methods: {

      list_fun(){
          this.post("/business_management/isRelateCustomer", {
	        }).then(res => {
            //console.log(res.result,"aaaa")
            if(res.result == false){
               this.is_infor = false
            }else{
               this.is_infor = true
            }
           
         })
    },


  }
}
</script>


<style scoped>
#indexmonitor{
  padding:2px;
}
.demo{
    overflow-y:auto;
}
.modular1{
  display:flex;
}
/* .modular1_1{
  flex: 1;
} */
.modular2{
  margin-top: 10px;
}
</style>